<template>
  <div class="hot">
    <div v-if="false">
      <div class="tabs">
        <div class="tab-item tab-active">代购问题</div>
        <div class="tab-item">推广联盟问题</div>
      </div>
      <div class="content">
        <Collapse v-model="value1">
          <Panel name="1">
            史蒂夫·乔布斯
            <p slot="content">史蒂夫·乔布斯（Steve
              Jobs），1955年2月24日生于美国加利福尼亚州旧金山，美国发明家、企业家、美国苹果公司联合创办人。</p>
          </Panel>
          <Panel name="2">
            斯蒂夫·盖瑞·沃兹尼亚克
            <p slot="content">斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary
              Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。斯蒂夫·盖瑞·沃兹尼亚克曾就读于美国科罗拉多大学，后转学入美国著名高等学府加州大学伯克利分校（UC
              Berkeley）并获得电机工程及计算机（EECS）本科学位（1987年）。</p>
          </Panel>
          <Panel name="3">
            乔纳森·伊夫
            <p slot="content">
              乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。除了乔布斯，他是对苹果那些著名的产品最有影响力的人。</p>
          </Panel>
        </Collapse>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "hot-help",
  data() {
    return {
      value1: '1'
    }
  }
}
</script>

<style scoped lang="less">
.hot {
  padding-top: 32px;

  .tabs {
    display: flex;
    align-items: center;

    .tab-item {
      padding: 8px 35px;
      border-radius: 2px;
      opacity: 1;
      color: @t-title-color;
      font-size: 14px;
      border: 1px solid @t-table-border-color;
      margin-right: 24px;
      cursor: pointer;
    }

    .tab-active {
      color: @primary-color;
      border: 1px solid @primary-color;
    }
  }

  .content {
    margin-top: 16px;
  }
}
</style>